<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户订单统计图</title>
    <link rel="stylesheet" href="../staticFile/css/ace.min.css">
    <style type="text/css">
        body{background-color:unset;}
        .index-chart{width: 70%;height: 266px; padding: 0px; position: relative;}
        .right-chart{width: 30%;float: right;}
        .other-chart{margin-top: 20px;position:sticky;}
        .year-chart-sl{position: absolute;z-index: 1000;}
        .right-sl{margin-left: 94%;}
        #issueRobAgeSectionSelect{margin-top: 26px;}
        #monthUserSelect,#monthUserSexSelect{margin-left: 62%;}
        #mostUserSelect{margin-left: 43%;}
        #thisMostUser{width: 25%;float: left;margin-left:-26%;}
        #lastMostUser{width: 50%;float: left;}
        #mostWeekUser{width: 50%;margin-top: 0px;}
    </style>
</head>
<body>
<div class="chart">
    <select id="monthUserSelect" class="year-chart-sl"></select>
    <div id="monthUserChart" class="index-chart"></div>
    <div id="issueRobUserCountPie" class="index-chart right-chart"></div>
</div>
<div class="other-chart chart">
    <select id="mostUserSelect" class="year-chart-sl"></select>
    <select id="mostWeekSelect" class="year-chart-sl right-sl"></select>
    <div id="lastMostUser" class="index-chart"></div>
    <div id="thisMostUser" class="index-chart left-chart"></div>
    <div id="mostWeekUser" class="index-chart right-chart"></div>
</div>
<div class="other-chart chart" style="margin-top: 298px;">
    <select id="monthUserSexSelect" class="year-chart-sl"></select>
    <select id="issueRobAgeSectionSelect" class="year-chart-sl right-sl"></select>
    <div id="monthUserSexTotal" class="index-chart"></div>
    <div id="issueRobUserAgePie" class="index-chart right-chart"></div>
</div>
<script src="../staticFile/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<script src="../staticFile/js/common/commonUtil.js"></script>
<script src="../staticFile/js/common/chartUtil.js"></script>
<script src="../staticFile/js/plugins/echarts/echarts.min.js"></script>
<script src="../staticFile/js/sameCityChart/userOrderChart.js"></script>
</body>
</html>